<?php ?>

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="stylesheet" href="jquery/jquery.mobile-1.0b1.min.css" />
        <link rel="stylesheet" href="css/index.css"/>
        <link rel="stylesheet" href="css/chat.css"/>
        <link rel="stylesheet" href="css/base.css"/>
        <script src="jquery/jquery-1.6.1.min.js" type="text/javascript"></script>
        <script src="jquery/jquery.mobile-1.0b1.min.js" type="text/javascript"></script>
<!--        <script src="js/main.js" type="text/javascript"></script>-->
        <!--李本卿  2011-7-8-->
<!--        <script src="js/profile.js" type="text/javascript"></script>-->


    </head>
    <body>
        <div id="main_page" data-role="page">
            <div data-role="header" data-theme="b" data-backbtn="false">
                <h2>Friend++</h2>
            </div>

            <div data-role="content" id="welcome_content" class="l-content l-friend l-inset-content " >
                <!--Use ajax to load content-->


                <ul data-role="listview" class="l-list-smallpad" data-dividertheme="e" data-inset="true">

                    <li>
                        <div class="ui-grid-b">

                            <div class="ui-block-a">
                                <div class="l-people">
                                    <a>
                                        <div class="l-avatar l-shadowbox" style="background-image:url('./images/avatar.png')">
                                            <div class="l-status">
                                                <img src="/images/online.png"/>
                                                <p><100km</p>
                                            </div>
                                            <h4>user</h4>
                                        </div>
                                    </a>
                                </div>
                            </div>

                            <div class="ui-block-b">
                                <div class="l-people">
                                    <a>
                                        <div class="l-avatar l-shadowbox" style="background-image:url('./images/avatar.png')">
                                            <div class="l-status">
                                                <img src="/images/online.png"/>
                                                <p><100km</p>
                                            </div>
                                            <h4>user</h4>
                                        </div>
                                    </a>
                                </div>
                            </div>

                            <div class="ui-block-c">
                                <div class="l-people">
                                    <a>
                                        <div class="l-avatar l-shadowbox" style="background-image:url('./images/avatar.png')">
                                            <div class="l-status">
                                                <img src="/images/online.png"/>
                                                <p><100km</p>
                                            </div>
                                            <h4>user</h4>
                                        </div>
                                    </a>
                                </div>
                            </div>



                        </div>
                    </li>

                    <li>
                        欢迎来到Friend++    
                        <!--                        在这里你可以找到在你身边与你志趣相投的朋友。-->
                    </li>
                    <li>
                        <form action="login.php" method="post" id="login" data-ajax="false">
                            <!--<div data-role="fieldcontain">
                                <input  type="email" name="email" id="email"  required="required" placeholder="请输入您的登录邮箱" />
                                <input type="password" name="password" id="password" required="required"  placeholder="请输入您的登录密码"/>
                                <div id="confirm"></div>
                                <input type="hidden" name="longitude" id="longitude" value="1" />
                                <input type="hidden" name="latitude" id="latitude" value="1" />
                            </div>-->
                            <div id="i_logintext">
                                <div id="i_logintext_l"></div>
                                <div id="i_logintext_r"></div>
                                <div id="i_icon1"></div>
                                <div id="i_label1">Email：</div>
                                <input type="email"  name="email" id="email" required="required"/>
                                <div id="i_icon2"></div>
                                <div id="i_label2">密  码：</div>
                                <input type="password" value="" name="password" id="password" required="required"/>

                                <input type="hidden" name="longitude" id="longitude" value="1" />
                                <input type="hidden" name="latitude" id="latitude" value="1" />
                            </div>
                            <p id="confirm"></p>

                            <div class="ui-grid-b">
                                <div class="ui-block-a"><input type="reset" value="重填" /></div>
                                <div class="ui-block-b"><input id="loginBtn" type="submit" value="登录"/></div>
                                <div class="ui-block-c"><input id="register_btn" type="submit" value="注册"/></div>

                            </div>
                        </form>
                    </li>
                </ul>
            </div>

            <div data-role="footer" data-theme="b">
                <h1>Team Luff</h1>
            </div>

        </div>
    </body>
</html>
